<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:s="http://jboss.org/schema/seam/taglib"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html">

  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>seamBay</title>
    <link href="style/home.css" rel="stylesheet" type="text/css"/>
    <link href="style/common.css" rel="stylesheet" type="text/css"/>
    <link href="style/sell.css" rel="stylesheet" type="text/css"/>
  </head>

  <body>
    <div class="container">
      <ui:include src="header.xhtml"/>  
      
      <div class="banner"></div>
     
      <div class="content">
        <div class="sellHeader">
          Select a category
        </div>

        <div class="sellSubHeader">
          Select the category that most closely matches the item you're selling
        </div>

        <h:form id="sellForm">
                
          <div id="container" class="category">
            <div>
              <select id="rootCategory" class="categoryList" size="8" onchange="selectCategory(this)">
                <option>Loading categories...</option>
              </select>
            </div>
          </div>
          
          <h:inputHidden id="categoryId" value="#{auctionAction.categoryId}" />

          <div class="navBar">
            <div class="navBarLeft">
              <h:commandButton value="&lt; Previous" action="previous"/>
            </div>
            
            <div class="navBarRight">
              <h:commandButton id="next" value="Next >" action="next"/>
            </div>              
            
            <br class="clear"/>                          
          </div>

          <hr class="thinLine"/>

          <hr class="baseLine"/>

        </h:form>

      </div>

    </div>
       
    <script type="text/javascript" src="sell2.js"></script>
    
    <s:remote include="categoryAction"/>
        
    <script type="text/javascript">
      Seam.Component.getInstance("categoryAction").getAllCategories(loadCategories);
    </script>
  </body>
</html>
